<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	xmlns:ui="http://java.sun.com/jsf/facelets">

<ui:composition template="/resources/templates/mainLayout.xhtml">
	<ui:define name="corpo">
		<h:form>
			<fieldset>
				<fieldset>
					<legend>
						<h:outputLabel value="Dados Pessoais" styleClass="tituloTexto14" style="padding-top: 10px;" />
						<h:graphicImage value="/resources/imagens/professores.png" style="margin-left:1143px;"/>
					</legend>
					
					<div class="linha">
						<div class="coluna70pc">
							<div class="coluna20pc">
								<h:outputLabel value="Nome: " />
							</div>
							<p:inputText value="" style="width: 50%" />
						</div>
					</div>
					<div class="linha">
						<div class="coluna50pc">
							<div class="coluna28pc">
								<h:outputLabel value="RG: " />
							</div>
							<p:inputText value="" />
						</div>
						<div class="coluna40pc">
							<div class="coluna20pc">
								<h:outputLabel value="CPF: " />
							</div>
							<p:inputText value="" />
						</div>
					</div>
					<div class="linha">
						<div class="coluna50pc">
							<div class="coluna28pc">
								<h:outputLabel value="Data de Nascimento: " />
							</div>
							<p:calendar value="#{loginAction.data}" />
						</div>
						<div class="coluna40pc">
							<div class="coluna20pc">
								<h:outputLabel value="Estado Civil: " />
							</div>
							<p:selectOneMenu id="_idEstadoCivil" value="Selecione">
								<f:selectItem itemValue="Solteiro" itemLabel="Solteiro" />
								<f:selectItem itemValue="Casado" itemLabel="Casado" />
								<f:selectItem itemValue="Divorciado" itemLabel="Divorciado" />
								<f:selectItem itemValue="Viúvo" itemLabel="Viúvo" />
							</p:selectOneMenu>
						</div>
						<div class="linha">
							<div class="coluna50pc">
								<div class="coluna28pc">
									<h:outputLabel value="Sexo: " />
								</div>
								<h:selectOneRadio value="#" layout="lineDirection"
									styleClass="coluna10pc">
									<f:selectItem itemLabel="Masculino" itemValue="Masculino" />
									<f:selectItem itemLabel="Feminino" itemValue="Feminino" />
								</h:selectOneRadio>
							</div>
						</div>
					</div>
				</fieldset>
				<br /> <br /> <br />


				<!-- #############################  Dados do Endereço  ###############################-->

				<fieldset>
					<legend>
						<h:outputLabel value="Endereço" styleClass="tituloTexto14" />
					</legend>
					<div class="linha">
						<div class="coluna50pc">
							<div class="coluna28pc">
								<h:outputLabel value="Logradouro: " />
							</div>
							<p:inputText value="" style="width: 60%" />
						</div>
						<div class="coluna25pc">
							<div class="coluna32pc">
								<h:outputLabel value="Complemento: " />
							</div>
							<p:inputText value="" />
						</div>
						<div class="coluna25pc">
							<div class="coluna20pc">
								<h:outputLabel value="Cidade: " />
							</div>
							<p:inputText value="" />
						</div>
					</div>
					<div class="linha">
						<div class="coluna50pc">
							<div class="coluna28pc">
								<h:outputLabel value="Bairro: " />
							</div>
							<p:inputText value="" />
						</div>
						<div class="coluna25pc">
							<div class="coluna32pc">
								<h:outputLabel value="UF: " />
							</div>
							<p:selectOneMenu id="_idUF" value="Selecione">
								<f:selectItem itemLabel="DF" itemValue="DF" />
							</p:selectOneMenu>
						</div>
						<div class="coluna25pc">
							<div class="coluna20pc">
								<h:outputLabel value="CEP: " />
							</div>
							<p:inputText value="" />
						</div>
					</div>
				</fieldset>
			</fieldset>
			<div align="center" style="padding-top: 100px;">
				<p:commandButton value="Próximo" action="#" />
				<p:commandButton value="Cancelar" action="#" />
			</div>
		</h:form>
	</ui:define>
</ui:composition>
</html>